<div xmlns="http://www.w3.org/1999/xhtml" lang="en"
	 xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
	 xmlns:mf="http://typo3.org/ns/MiniFranske/FsMediaGallery/ViewHelpers">

	<!--
	 Displays a media asset
	 Theme: Bootstrap3
	-->

	<f:section name="Detail">
		<f:if condition="{mediaAsset}">
			<f:then>
				<f:image
					image="{mediaAsset}"
					alt="{alt}"
					title="{f:if(condition:title, then:title, else:'{mf:fileTitle(file:mediaAsset)}')}"
					height="{height}{resizeMode}"
					width="{width}{resizeMode}"
					class="img-responsive"
					/>
			</f:then>
			<f:else>
				<f:image
					src="{settings.list.dummyImage}"
					alt=""
					height="{height}{resizeMode}"
					width="{width}{resizeMode}"
					class="img-responsive img-dummy"
					/>
			</f:else>
		</f:if>
	</f:section>

</div>